.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
header {
    .txh();
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    .px2rem(height,92);
    z-index: 10000;
    background-color: #FFFFFF;
    //border-bottom: 1px solid #ccc;
    position: fixed;
    span:nth-child(1) {
        .px2rem(padding-left, 27);
        img{
            .px2rem(width, 40);
            .px2rem(height, 35);
        }
    }
    span:nth-child(2) {
        .px2rem(padding-left, 70);
        .px2rem(font-size, 32);

    }
}
.box {
    height: 100%;
    .px2rem(padding-top, 92);
    .main_one {
        .txh();
        flex-direction: column;
        justify-content: center;
        align-items: center;
        h1 {

            .px2rem(padding-top, 116);
            .px2rem(font-size, 56);
            font-weight: 400;
            color: #FF5858;
        }
        h4 {
            .px2rem(padding-top, 50);
            .px2rem(font-size, 27);
            color: #666;
        }
        img {
            .px2rem(padding-top, 50);
            .px2rem(height,500);
            width: 100%;

        }

    }

    .main_two {
        .txh();
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img {
            width: 50%;
            .px2rem(height,350);
            .px2rem(padding-top, 143);
        }
        h1 {
            .px2rem(padding-top, 50);
            .px2rem(font-size, 35);
            color: #FF5858;
        }
        h4 {

            .txh();
            flex-direction: column;
            span {
                .px2rem(font-size, 26);
                .px2rem(padding-top, 40);
                color: #666;
            }
        }

    }
    .main_three {
        .txh();
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img {
            width: 50%;
            .px2rem(height,350);
            .px2rem(padding-top, 143);
        }
        h1 {

            .px2rem(padding-top, 50);
            .px2rem(font-size, 35);
            color: #FF5858;
        }
        h4 {

            .txh();
            flex-direction: column;
            span {
                .px2rem(font-size, 26);
                .px2rem(padding-top, 40);
                color: #666;
            }
        }
    }
}

footer {
    .txh();
    width: 100%;
    justify-content: center;
    align-items: center;
    .px2rem(height, 98);
    background: #ff5858;
    position: fixed;
    bottom: 0;

    p {
        color: white;
        .px2rem(font-size, 27);
    }

}
